<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta http-equiv="Pragma" content="no-cache"/>
        <meta http-equiv="Expires" content="Sun, 20 June 1976 04:00:00 GMT"/>
        <meta name="robots" content="none, noindex,nocache, noarchive"/>
        <title>后台列表页面</title>
        <link href="../bootstrap/css/bootstrap.css" type="text/css" rel="stylesheet">
        <link href="css/init.css" type="text/css" rel="stylesheet">
        <link href="css/lms.css" type="text/css" rel="stylesheet">
        <script type="text/javascript" src="js/jquery.js"></script>

        
  
        <script type="text/javascript">
            $(document).ready(function(){
                $("div.tit").click(function(){
                    var isShow = $("div.bg").css("display");
                    if (isShow != "none") {
                        //$("div.bg").show();
                        $("div.bg").slideUp(800);
                    }
                    else {
                        //$("div.bg").show();
                        $("div.bg").slideDown(800);
                    }
                });
            })
        </script>
    </head>
    <body>
        <!--wrapper start-->
        <div class="wrapper">
            <!--桌面 start-->
            <div class="desktop">
                <div class="bg" style="display:none;">
                    <div class="course-list">
                        <div class="box">
                            <h2>课程素材管理</h2>
                            <ul>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        资源库管理
                                    </a>
                                </li>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        题库管理
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="course-list">
                        <div class="box">
                            <h2>课程建设管理</h2>
                            <ul>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        教材组织
                                    </a>
                                </li>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        教学任务布置
                                    </a>
                                </li>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        课程成绩设置
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="course-list">
                        <div class="box">
                            <h2>教学实施</h2>
                            <ul>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        教学日程设置
                                    </a>
                                </li>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        成绩中心
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="course-list">
                        <div class="box">
                            <h2>教学辅助</h2>
                            <ul>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        作业批阅
                                    </a>
                                </li>
                                <li><a href="#">
                                        <img src="css/images/ui-icon1.png" />
                                        测验阅卷
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="header">
                    <div class="tit">
                        <h2 class="ellipsis"><a href="#">anneguo</a><span>&nbsp;@&nbsp;公民道德教公民道德教育育</span></h2>
                    </div>
                </div>
            </div>
            <div class="makeablank">
            </div>
            <!--桌面 end--><!--content start-->
            <div class="m010">
                <!--导航开始-->
                <ul class="breadcrumb">
                    <li><i class="icon-home ml10"></i>&nbsp;</li>
                    <li class="divider"></li>
                    <li>教学日程管理</li>
                    <li class="last-divider"></li>
                </ul>
                <!--导航结束--><!--tab start-->
                <div class="content-box">
                    <!--tab head start-->
                    <div class="content-box-header">
                        <ul class="content-box-tabs">
                            <li><a href="#tab1" class="default-tab current">开放的组</a></li>
                            <li><a href="#tab2" class="">已结束的组</a></li>
                        </ul>
                    </div>
                    <!--tab head start-->
                    <div class="content-box-content">
                        <!--tab01 start-->
                        <div class="tab-content default-tab" id="tab1" style="display:block;">
                            <!--form box start-->
                            <form class="well form-inline">
                                <span><label>组ID</label><input class="input-small" type="text" placeholder="" autocomplete="off"></span><span><label>组名称</label><input class="input-small" type="text" placeholder="" autocomplete="off"></span><a class="btn" href="#"><i class=" icon-search"></i></a>
                            </form>
                            <!--form box start-->
                            <div class="tab_btn_toolbar">
                                <div class="btn-toolbar">
                                    <div class="btn-group">
                                        <a class="btn dropdown-toggle" data-toggle="dropdown">全选<span class="caret"></span></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="#">全选本页</a></li>
                                            <li><a href="#">全选所有</a></li>
                                            <li class="divider"></li>
                                            <li><a href="#">取消全选</a></li>
                                        </ul>
                                    </div>
                                    <div class="btn-group">
                                        <a class="btn"><i class=" icon-calendar"></i>&nbsp;批量安排日程</a>
                                    </div>
                                </div>
                                <!--表格-->
                                <div class="datatables-wrapper">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr><th width="5%">选择</th><th>组ID</th><th>组名称</th><th>课程注册时间</th><th>课程结束时间</th><th>操作</th></tr>
                                        </thead>
                                        <tr><td><input type="checkbox"/></td><td>sss111111</td><td>2012年A班</td><td>2013.03.03-2013.03.03</td><td>2013.03.03</td>
										<td>
										
										<a class="btn mr5" title="编辑" href="#"><i class="icon-edit"></i></a>
										<a class="btn" title="删除" href="#"><i class="icon-trash"></i></a></td></tr>
                                    </table>
                                    <div class="datatables-paginate">
                                        <span class="pull-right">总共28条记录，当前页显示1到10的记录</span>
                                        <select class="span1">
                                            <option>10</option>
                                            <option>20</option>
                                            <option>30</option>
                                            <option>40</option>
                                            <option>50</option>
                                        </select>
                                        <div class="pagination">
                                            <ul>
                                                <li><a href="#">首页</a></li>
                                                <li><a href="#">上一页</a></li>
                                                <li class="text">页<input type="text">/3</li><li><a href="#">下一页</a></li>
                                                <li><a href="#">尾页</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--表格-->
                        </div>
                        <!--tab01 end--><!--tab02 start-->
                        <div class="tab-content" id="tab2" style="display:none;">
                            <!--form box start-->
                            <form class="well form-inline">
                                <span><label>组ID</label><input class="input-small" type="text" placeholder="" autocomplete="off"></span><span><label>组名称</label><input class="input-small" type="text" placeholder="" autocomplete="off"></span><a class="btn" href="#"><i class=" icon-search"></i></a>
                            </form>
                            <!--form box start--><!--表格-->
                            <div class="datatables-wrapper">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr><th>组ID</th><th>组名称</th><th>课程注册时间</th><th>课程结束时间</th><th>操作</th></tr>
                                    </thead>
                                    <tbody>
                                        <tr><td>sss111111</td><td>2012年A班</td><td>2013.03.03</td><td>2013.03.03</td><td><a href="#" class="btn btn-primary"><i class="icon-white icon-calendar"></i>&nbsp;安排日程</a></td></tr>
                                        <tr><td>sss111111</td><td>2012年A班</td><td>2013.03.03</td><td>2013.03.03</td><td><a href="#" class="btn btn-primary"><i class="icon-white icon-calendar"></i>&nbsp;安排日程</a></td></tr>
                                        <tr><td>sss111111</td><td>2012年A班</td><td>2013.03.03</td><td>2013.03.03</td><td><a href="#" class="btn btn-primary"><i class="icon-white icon-calendar"></i>&nbsp;安排日程</a></td></tr>
                                    </tbody>
                                </table>
                                <div class="datatables-paginate">
                                    <span class="pull-right">总共28条记录，当前页显示1到10的记录</span>
                                    <select class="span1">
                                        <option>10</option>
                                        <option>20</option>
                                        <option>30</option>
                                        <option>40</option>
                                        <option>50</option>
                                    </select>
                                    <div class="pagination">
                                        <ul>
                                            <li><a href="#">首页</a></li>
                                            <li><a href="#">上一页</a></li>
                                            <li class="text">页<input type="text">/3</li><li><a href="#">下一页</a></li>
                                            <li><a href="#">尾页</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!--表格-->
                        </div>
                        <!--tab02 end-->
                    </div>
                </div>
            </div>
            <!--content-->
        </div>
        <!--wrapper end-->
    </body>
</html>
